<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮的使用</title>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="../layui/layui.js"></script>
</head>
<body>

<div class="layui-btn-container">
    <button>默认按钮</button>
    <button type="button" class="layui-btn">默认按钮</button>
    <button type="button" class="layui-btn layui-bg-blue layui-btn-radius">蓝色按钮</button>
</div>

<div class="layui-btn-container">
    <button class="layui-btn layui-btn-primary layui-border-green">主色按钮</button>
</div>


<div class="layui-btn-container">
    <button type="button" class="layui-btn">
         <i class="layui-icon layui-icon-down layui-font-12"></i>
    </button>
    <button type="button" class="layui-btn">
        <i class="layui-icon layui-icon-left"></i>
    </button>
    <button type="button" class="layui-btn">
        <i class="layui-icon layui-icon-right"></i>
    </button>
    <button type="button" class="layui-btn">
        <i class="layui-icon layui-icon-edit"></i>
    </button>
    <button type="button" class="layui-btn layui-btn-xs layui-btn-disabled">
        <i class="layui-icon layui-icon-share"></i>
    </button>
</div>
</body>
</html>